<template>
	<!-- 实名认证查看页面 -->
	<view class="shiming-box">
		<view class="box">
			<view class="row">
				<view class="left">姓名</view>
				<input type="text" v-model="customName" disabled="disabled" />
			</view>
			
			<view class="row">
				<view class="left">证件类型</view>
				<input type="text" v-model="idCardType" disabled="disabled" placeholder="证件类型" />
			</view>
			
			<view class="row">
				<view class="left">证件号码</view>
				<input type="text" value="" v-model="idCardNum" disabled="disabled" placeholder="请输入您的证件号码" />
			</view>
			
			<view class="row mpvue-picker">
				<view class="left">所在地区</view>
				<input type="text" value="" v-model="cityPlace" disabled="disabled" placeholder="请输入您的证件号码" />
			</view>
			<view class="row">
				<view class="left">邮箱</view>
				<input type="text" value="" v-model="emailTxt" disabled="disabled" placeholder="邮箱" />
			</view>
			<view>
				<ul class="imgFilePart">
					<li v-for="item in imgList">
						<img :src="item.fileUrl" @click="imgBecomeBig">
					</li>
				</ul>
			</view>
			<view class="shenhe">
				<ul>
					<li v-for="item in shenHeYiJianList" class="shenhe-box">
						<view class="left-box">
							<view class="shenhe-txt">审核意见：</view>
							<view class="suggestion">{{item.checkMeMo}}</view>
						</view>
						<view class="right-box">
							<view>{{item.checkDate}}</view>
							<view>{{item.checkUser}}</view>
						</view>
					</li>
				</ul>
			</view>
		</view>
	</view>
</template>

<script>
	import global from '../../../../../../components/tool/RenZhengGlobal';
	export default {
		components:{

		},
		data() {
			return {
				url: global.api.SHIMINGRENZHENG_EDITE,
				customName:'',   // 用户名
				customerInfo:{},    //
				idCardType:'',     // 证件类型
				idCardNum:'',   //  证件号码
				cityPlace: '',   // 地区
				emailTxt:'', // 邮箱
				imgList:[],
				shenHeYiJianList:[]
			};
		},
		onLoad:function(){
			this.customerInfo.customerId = uni.getStorageSync('customerId');  // 客户#id
			this.getData();
		},
		methods: {
			getData(){	
				console.log('-拿的客户id------------'+this.customerInfo.customerId);   // 拿的客户id
				uni.request({
					method: 'get',
					url: this.url,
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						cCustNo: this.customerInfo.customerId
					},
					dataType: 'json',
					success: (res)=>{
						console.log(res);
						var result = res.data.data.resultInfo;
						this.shenHeYiJianList = res.data.data.shenHeYiJian;
						console.log(result);
						this.cityPlace = result.areaAddress;  // 地址
						this.customName = result.userName;    // 用户名
						this.idCardType = result.cardType;   // 证件类型
						this.idCardNum = result.cardNo;   // 证件号码
						this.emailTxt = result.email;   // 邮箱
						this.imgList = res.data.data.resultFile; // 拿到图片
						console.log(this.imgList);
					},
					fail: (error)=>{
						console.log(error);
					},
					complete: ()=>{
						console.log('在【实名认证---查看页面页面】')
					}
				})
			},
			imgBecomeBig(){      // 点击图片放大
				uni.previewImage({
					
				})
			}
			
		}
	}
</script>

<style>
	page {
		background: rgb(255, 255, 255);
	}

	.shiming-box {}

	.box {
		padding: 0 30upx;
	}

	.shiming {
		background: #f5f5f5;
		line-height: 70upx;
		height: 70upx;
		text-indent: 20upx;
		color: rgba(153, 153, 153, 1);
		font-size: 12px;
	}

	.row {
		height: 98upx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.row input {
		flex: 3;
	}

	.left {
		font-size: 15px;
		margin-right: 20px;
		flex: 1;
	}

	.questionBox {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		padding: 40upx 0;
		text-align: center;


	}

	.question {
		width: 240upx;
		height: 70upx;
		background: linear-gradient(-90deg, rgba(196, 156, 90, 1) 0%, rgba(226, 196, 138, 1) 100%);
		border-radius: 35px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		color: rgb(255, 255, 255);

	}

	.icon {
		margin-right: 10upx;
	}

	.radio-box {
		width: 100%;
		text-align: left;
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100upx;

	}

	.radio {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);

	}

	.radio image {
		height: 16px;
		width: 16px;
		margin-right: 10upx;
	}
	.txt{
		padding-top: 10px;
	}
	.imgFilePart{
		list-style: none;
		padding-left: 0;
		padding-top: 10px;
	}
	.imgFilePart>li{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin:5px;
		background-size: 100% 100%;
	}
	.imgFilePart>li>img{
		width: 100%;
		height: 100% ;
	}
	
	.shenhe>ul{
		font-size:15px;
		list-style: none;
		padding-left: 0;
		width: 100%;
		margin-top: 10px;
	}
	.shenhe ul li{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.shenhe .shenhe-box{
		display: flex;
		/* justify-content: space-between; */
	}
	.shenhe-box .left-box{
		flex: 7;
	}
	.left-box .suggestion{
		max-width: 180px;
		display: inline-block;
	}
	.shenhe-box .right-box{
		flex: 5;
		text-align: right;
	}
	.shenhe-box .left-box .shenhe-txt{
		display: inline-block;
		line-height: 40px;
	}
	.shenhe-box .right-box view{
		display: inline-block;
		line-height: 40px;
		
	}
</style>
